/* ================ font css ================ */
.font-bold {
  font-weight: bold;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-20 {
  font-size: 20px;
}

/* ================ display css ================ */
.display-inline {
  display: inline;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.display-table {
  display: table;
}

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}

/* ================ padding and margin css ================ */
.no-padding {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.horizon-padding-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.horizon-padding-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.top-padding-5 {
  padding-top: 5px;
}

.top-padding-10 {
  padding-top: 10px;
}

.left-padding-20 {
  padding-left: 20px;
}

.right-margin-5 {
  margin-right: 5px;
}

.right-margin-10 {
  margin-right: 10px;
}

.right-margin-12 {
  margin-right: 12px;
}

.no-top-margin {
  margin-top: 0px;
}

.top-margin-10 {
  margin-top: 10px;
}

.top-margin-12 {
  margin-top: 12px;
}

.top-margin-20 {
  margin-top: 20px;
}

.no-bottom-margin {
  margin-bottom: 0px;
}

.bottom-margin-5 {
  margin-bottom: 5px;
}

.bottom-margin-10 {
  margin-bottom: 10px;
}

.bottom-margin-20 {
  margin-bottom: 20px;
}

.vertical-margin-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.vertical-margin-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.vertical-margin-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.no-vertical-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* ================ border css ================ */
.no-border {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}

.no-bottom-border {
  border-bottom: 0px;
}

.no-border-radius {
  border-radius: 0px;
}

/* ================ text css ================ */
.hover-no-text-decoration:hover {
  text-decoration: none;
}

.hover-editable:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #aaa;
  color: #fff;
}

.text-underline {
  text-decoration: underline;
}

.line-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ================ text align css ================ */
.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.vertical-align-fix-bottom {
  vertical-align: bottom;
}

.vertical-align-fix-top {
  vertical-align: top;
}

.vertical-align-fix-baseline {
  vertical-align: baseline;
}

/* ================ line height css ================ */
.line-height-30 {
  line-height: 30px;
}

/* ================ glyphicon-position-fix css ================ */
.glyphicon-position-fix-2 {
  top: 2px;
}

.glyphicon-position-fix-3 {
  top: 3px;
}

.glyphicon-position-fix-4 {
  top: 4px;
}

.glyphicon-position-fix-5 {
  top: 5px;
}

.btn-top-margin-fix-3 {
  margin-top: -3px;
}

.btn-top-margin-fix-4 {
  margin-top: -4px;
}

/* ================ width class ================ */
.width-100-px {
  width: 100px;
}

.width-160-px {
  width: 160px;
}

.width-200-px {
  width: 200px;
}

.width-220-px {
  width: 220px;
}

.width-30-percent {
  width: 30%;
}

.width-100-percent {
  width: 100%;
}

/* ================ some color class ================ */
.default-color {
  color: #777;
}

.default-color:hover {
  color: #adadad;
}

.success-color {
  color: #5cb85c;
}

.success-color:hover {
  color: #47a447;
}

.primary-color {
  color: #428bca;
}

.primary-color:hover {
  color: #3276b1;
}

.info-color {
  color: #5bc0de;
}

.info-color:hover {
  color: #39b3d7;
}

.warning-color {
  color: #f0ad4e;
}

.warning-color:hover {
  color: #ed9c28;
}

.danger-color {
  color: #d9534f;
}

.danger-color:hover {
  color: #d2322d;
}

.pink-background {
  background-color: #FFF3EE;
}

.white-background {
  background-color: #fff;
}

.deep-gray-color {
  color: #777;
}